<template>
  <div class="home">
    <router-link :to="{ name: 'Big Screen' }" class="demo">大屏应用</router-link>
    <top-view></top-view>
    <sales-view></sales-view>
    <bottom-view></bottom-view>
    <map-view></map-view>
  </div>
</template>

<script>
import TopView from './TopView'
import SalesView from './SalesView'
import BottomView from './BottomView'
import MapView from './MapView'

export default {
  name: 'Home',
  components: {
    TopView,
    SalesView,
    BottomView,
    MapView
  }
}
</script>

<style>
.home {
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
}

.demo {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  color: #ccc;
}
</style>
